<template>
    <div class="paitent_item">
        <el-row :gutter="40">
            <el-col :xs='24' :sm="24" :md="20" :lg="20" :xl="20">
                <div class="paitent_item_left">
                    <div class="paitent_item_left_top">
                        <el-row :gutter="20">
                            <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                                <div class="flexDiv">
                                    <span class="paitent_item_left_top_span">脏器：{{ itemObj.patientName }}</span>
                                    <el-tag effect="dark" size="mini" type="danger" class="paitent_item_left_top_tag"
                                        v-if="itemObj.sex == 1">女</el-tag>
                                    <el-tag effect="dark" size="mini" class="paitent_item_left_top_tag" v-else>男</el-tag>
                                    <el-tag effect="dark" size="mini" type="warning"
                                        class="paitent_item_left_top_tag">43</el-tag>
                                </div>

                            </el-col>

                        </el-row>

                        <div class="paitent_item_left_mid">
                            <el-row :gutter="20">
                                <el-col :xs='12' :sm="6" :md="6" :lg="6" :xl="6">
                                    <span class="paitent_item_left_top_spant ">表本类型 <span
                                            class="paitent_item_left_top_spant_child">xxxx</span></span>
                                </el-col>
                                <el-col :xs='12' :sm="6" :md="6" :lg="6" :xl="6">
                                    <span class="paitent_item_left_top_spant ">冰冻类型 <span
                                            class="paitent_item_left_top_spant_child">xxxx</span></span>
                                </el-col>
                                <el-col :xs='12' :sm="6" :md="6" :lg="6" :xl="6">
                                    <span class="paitent_item_left_top_spant ">时间 <span
                                            class="paitent_item_left_top_spant_child">xxxx</span></span>
                                </el-col>
                                <el-col :xs='12' :sm="6" :md="6" :lg="6" :xl="6">
                                    <span class="paitent_item_left_top_spant ">数字切片数 <span
                                            class="paitent_item_left_top_spant_child">xxxx</span></span>
                                </el-col>
                            </el-row>
                        </div>
                        <div class="paitent_item_left_bottom">
                            <el-row :gutter="20">
                                <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                                    <div class="paitent_item_left_bottom_content">
                                        <i class="el-icon-s-order paitent_item_left_bottom_content_icon"></i>
                                        <span class="paitent_item_left_bottom_content_title">诊断结果：</span>
                                        <span class="paitent_item_left_bottom_content_text"
                                            v-if="itemObj.status == 1 && itemObj.consultationDiagnosis">{{
                                                itemObj.consultationDiagnosis }}</span>
                                        <span class="paitent_item_left_bottom_content_text"
                                            v-if="itemObj.status >= 3 && itemObj.doctorDiagnosis">{{ itemObj.doctorDiagnosis
                                            }}</span>
                                        <span class="paitent_item_left_bottom_content_text" v-else>暂无</span>
                                    </div>
                                </el-col>
                                <!-- <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                                    <div class="paitent_item_left_bottom_content">
                                        <i class="el-icon-s-cooperation paitent_item_left_bottom_content_icon"></i>
                                        <span class="paitent_item_left_bottom_content_title">目前方案：</span>
                                        <span class="paitent_item_left_bottom_content_text"
                                            v-if="itemObj.status == 1 && itemObj.consultationPlan">{{
                                                itemObj.consultationPlan }}</span>
                                        <span class="paitent_item_left_bottom_content_text"
                                            v-if="itemObj.status >= 3 && itemObj.doctorPlan">{{ itemObj.doctorPlan }}</span>
                                        <span class="paitent_item_left_bottom_content_text" v-else>暂无</span>
                                    </div>
                                </el-col> -->
                            </el-row>
                        </div>

                    </div>
                </div>
            </el-col>
            <el-col :xs='24' :sm="24" :md="4" :lg="4" :xl="4">
                <div class="paitent_item_right">

                </div>
            </el-col>
        </el-row>
        <div class="paitent_item_ID">病例编号ID:{{ itemObj.patientId }}</div>
        <div class="paitent_item_status active0" v-if="itemObj.status == 0"> 待咨询</div>
        <div class="paitent_item_status active1" v-if="itemObj.status == 1"> 已咨询待诊断</div>
        <div class="paitent_item_status active3" v-if="itemObj.status == 3"> 治疗中</div>
        <div class="paitent_item_status active4" v-if="itemObj.status == 4"> 治疗结束</div>
        <div class="paitent_item_btn" @click="goToDetail(itemObj)">
            查看详情
        </div>
    </div>
</template>

<script>

export default {
    props: {
        itemObj: {
            type: Object,
            default: {}
        },
        deptNameLists: {
            type: Array,
            default: []
        }

    },
    data() {
        return {

        }
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    methods: {

        goToDetail(obj) {
            // this.$router.push({ path: "/stainView/paitentMangeDetail", query: { patientId: obj.patientId, visitNum: obj.visitNum } });
            this.$emit('goToItem', obj)
        }


    }
}
</script>

<style lang="scss" scoped>
.active0 {
    background-color: #ffeded;
    border-color: #ffdbdb;
    color: #ff4949;
}

.active1 {
    background-color: #fff8e6;
    border-color: #fff1cc;
    color: #ffba00;
}

.active3 {
    background-color: #e7faf0;
    border-color: #d0f5e0;
    color: #13ce66;
}

.active4 {
    background-color: rgb(198, 226, 255);
    border-color: rgb(198, 226, 255);
    color: #409EFF;
}
</style>

